<script>
    $(document).ready(function () {
        $('#formulario').validate({
            rules: {
                empresa: {
                    required: true                    
                },
                uf: {
                    required: true                    
                },
                orgao: {
                    required: true                    
                },
                tipo: {
                    required: true                    
                },
                data: {
                    required: true,
                    dateBR: true
                },
                data_validade: {
                    required: true,
                    dateBR: true
                },
                userfile: {
                    required: true                    
                }
            },
            messages: {
                empresa: {
                    required: "Informe a empresa."                    
                },
                uf: {
                    required: "Informe o âmbito."                    
                },
                orgao: {
                    required: "Informe o orgão."                    
                },
                tipo: {
                    required: "Informe o tipo de documento."                    
                },
                data: {
                    required: "Informe a data de emissão do documento.",
//                    date: "A data informada é inválida."
                },
                data_validade: {
                    required: "Informe a data de validade do documento."
//                    date: "A data informada é inválida."
                },
                userfile: {
                    required: "Selecione o arquivo para envio."                    
                }
            }
        });
    });
</script>
<?php
echo $this->load->view('home/cabecalho')
?>

<form enctype="multipart/form-data" name="formulario" id="formulario" action="<?php echo base_url('index.php/certidoes/upload') ?>" method="post">
    <div class="row">
        <div class="large-8 columns" style="left: 181px;">
            <h1>
                <small><i class="fi-upload" style="font-size: 35px; padding-right: 10px; margin-left: 5px;"></i><span style="vertical-align: 6px;">Cadastro Manual de Arquivos</span></small>
            </h1>
        </div>                
    </div>
    <div class="row">
        <div class="small-8 columns" style="left: 181px">
            <label>Empresa:
                <select name="empresa" id="empresa" class="" >
                    <option  value="">--Selecione--</option>
                    <?php
                    $objempresas = new Pessoas_Model();
                    $empr = $objempresas->getDadosEmpresasGruposUsuario();

                    foreach ($empr as $e) {
                        ?>
                        <option value="<?php echo $e->pessoas_id ?>"><?php echo $e->pessoas_razaoSocial ?></option>
                        <?php
                    }
                    ?>
                </select>
            </label>                   
        </div>                
    </div>
    <br />
    <div class="row">
        <div class="small-8 columns" style="left: 181px">
            <label>Âmbito
                <select name="uf" id="ambito"  class="ajax-ambito">
                    <option value="">--Selecione--</option>
                    <?php
                    $objAmbito = new Tipocnd_Model();
                    $ambitos = $objAmbito->getAmbito();                    
                    foreach ($ambitos as $ambito) {
                        ?>
                        <option value="<?php echo $ambito->ambitocnd_id ?>"><?php echo $ambito->ambitocnd_descricao ?></option>
                    <?php } ?>
                </select>                   
            </label>                    
        </div>
    </div>
    <br />    
    <div class="row">
        <div class="small-8 columns" style="left: 181px">
            <label>Órgão:
                <select name="orgao" id="orgao" class="recebe-tipocnd" >
                    <option  value="">--Selecione--</option>
                </select>
            </label>                
        </div>                
    </div>
    <br />    
    <div class="row">
        <div class="small-8 columns" style="left: 181px">
            <label>Tipo de documento:
                <select name="tipo" id="tipo" class="" >
                    <option value="1">Certidão Negativa de Débitos</option>
                    <option value="2">Conta Corrente</option>
                </select>
            </label>                
        </div>                
    </div>
    <br />
    <div class="row">
        <div class="small-4 columns" style="left: 181px">
            <label>Data de Emissão:
                <input type="text" name="data" id="mdata" class="mdata" value="">
            </label>                
        </div>
        <div class="small-4 columns" style="right: 152px">
            <label>Data de Validade:
                <input type="text" name="data_validade" id="mdata_validade" class="mdata_validade" value="">
            </label>                
        </div>           
    </div> 
    
    <div class="row">
        <div class="small-4 columns" style="left: 181px">
            <input class="" type="hidden" name="MAX_FILE_SIZE" value="30000000000000000000000000000000000000000000000000000000000" />
            <label> Selecione a Certidão para envio: <input name="userfile" id="userfile" class="button radius small"  size="20" type="file" /></label>
        </div>
    </div>
    <br />
    <div class="row">
        <div class="small-8 columns" style="left: 181px">
            <input type="submit" class="button success small radius" value="Enviar arquivo" />
        </div>
    </div>
</form>
<br />

<div style="clear: both">

</div>
<script>
    jQuery(function ($) {
        $("#mdata").mask("99/99/9999", {placeholder: " "});
        $("#mdata_validade").mask("99/99/9999", {placeholder: " "});
    });


    $(".ajax-ambito").change(function () {
        var ambtiocnd_id = $(this).val();
        $(".recebe-cidade").html("<option value=''>Aguarde...</option>");
        $.ajax({
            url: '<?php echo base_url('index.php/tipocnd/buscaAmbito') ?>',
            type: 'POST',
            data: {ambtiocnd_id: ambtiocnd_id},
            dataType: 'json',
            success: function (tipocndJson) {
                var txt_tipocnd = "<option value=''>--Selecione o Órgão--</option>";
                $.each(tipocndJson, function (index, tipocnd) {
                    txt_tipocnd += "<option value='" + tipocnd.tipoCnd_id + "'>" + tipocnd.tipoCnd_descricao + "</option>";
                });
                $(".recebe-tipocnd").html(txt_tipocnd);
                $(".recebe-tipocnd").removeAttr("disabled");                
            }
        });

    });
</script>